.my {
    background-color: #E8E8E8;

    .swiper-wrapper {
        width: 100%;
        height: 95px;

        .bg1 {
            background: url(../../assets/imgs/index-swiper-bg1.jpg) no-repeat top center/cover;
        }

        .bg2 {
            background: url(../../assets/imgs/index-swiper-bg2.jpg) no-repeat top center/cover;
        }

        .bg3 {
            background: url(../../assets/imgs/index-swiper-bg3.jpg) no-repeat top center/cover;
        }
    }

    // 版心
    .container {
        background-color: #fff;
        padding: 20px 5%;
    }

    // 用户
    .title {
        .user-msg {
            .user-box {
                .user-img {
                    height: 120px;
                    width: 120px;
                    margin-right: 15px;

                    img {
                        height: 120px;
                        width: 120px;
                    }

                    i {
                        bottom: -30px;
                        right: -30px;
                        font-size: 60px;
                        color: #ff6600;
                        // display: none;
                    }
                }

                span {
                    color: #101010;
                }
            }

            .icon-xiangyou1 {
                color: #8A8A8A;
            }
        }

        .text {
            color: #8A8A8A;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
    }

    // 个人动态
    .dynamic {

        .title-item {
            i {
                font-size: 26px;
                color: #4294FF;
                margin-right: 5px;
            }

            span {
                color: #101010;
            }
        }

        .clock-count {
            color: #4294FF;
        }

        .circles-count {
            color: #8a8a8a;

            i {
                font-size: 20px;
            }

            .clock-in {
                width: 120px;
                line-height: 40px;
                display: block;
                background-color: rgba(170, 217, 247, 100);
                color: #004E73;
            }

        }
    }

    //运动及徽章表头
    .sport-title {
        .sport {
            i {
                color: #4294FF;
                margin-right: 5px;
            }

            span {
                color: #101010;
            }
        }

        i {
            color: #8a8a8a;
        }
    }

    //运动内容
    .sport-contet {

        .sport-time,
        .calorie {
            margin-left: 10px;
            margin-top: 15px;

            h1 {
                color: #8a8a8a;
                font-size: 16px;
                margin: 0;
            }

            p {
                color: #101010;
                margin-top: 15px;

                span {
                    color: #4294FF;
                    font-size: 40px;
                    font-weight: normal;
                }
            }
        }

        .calorie {
            border-left: 1px dashed #BBBBBB;
            padding-left: 10px;
        }
    }

    // 运动徽章
    .badge {
        margin-top: 15px;

        div {
            height: 100px;
            width: 100px;
            border: 1px solid #BBBBBB;

            &.badge1 {
                background: url(../../assets/imgs/mybadge01.jpg)no-repeat center/cover;
            }

            &.badge2 {
                background: url(../../assets/imgs/mybadge02.jpg)no-repeat center/cover;
            }

            &.badge3 {
                background: url(../../assets/imgs/mybadge03.jpg)no-repeat center/cover;
            }
        }
    }

    // 退出
    .btn {
        color: #4294FF;
    }

}